.topBar{
    position: fixed;
    width: 10rem;
    height: 1.575142rem;
    
    top: 0px;
    background-image: linear-gradient(to bottom, #e4eff0, #e4f0f0, #e4f0f0, #e5f1ef, #e5f1ef, #e5f1ef, #e5f1ee, #e5f1ee, #e5f1ee, #e5f1ed, #e6f1ed, #e6f1ed);
}
.section{
    width: 8rem;
    height: 100%;
    
    display: flex;
}
.option{
    padding-top: 0.428571rem;
    padding-bottom: 0.428571rem;
    padding-left: 0.342857rem;
    padding-right: 0.342857rem;
    letter-spacing: 2px;
    font-weight: 550;
    font-size: 0.45rem;
    
}
.active{
    
    font-weight: 700;
    /* border-bottom: 5px solid black ; */
    
}
.active::before{
    content:"";
    position: absolute;
    bottom: 10px;
    height: 10%;
    width: 10%;
    border-bottom: 5px solid #75e396;
    transition:0.2s all linear;
    transition-delay: 0.1s;
    
    

}
.container_top_my{
    background-image: linear-gradient(to bottom, #e4eff0, #e4f0f0, #e4f0f0, #e5f1ef, #e5f1ef, #e5f1ef, #e5f1ee, #e5f1ee, #e5f1ee, #e5f1ed, #e6f1ed, #e6f1ed);
}
.comment_scroll_container{
    margin-top: 0.5rem;
    width: 100vw;
    height: 82vh;
    

}
.comment_container{
    margin-top: 2rem;
    background-color: #edeff2;
    
    
   
    
}
.comment_body{
    width: 92.5vw;
    height: 40vh;
    background-color: #f5f5f5;
    margin-top: 0.3rem;
    position: relative;
    left: 2.5vw;
    box-shadow: 5px 5px 5px  rgb(131, 130, 130);
    
}
.comment_head{
    width: 100vw;
    height: 10vh;
    
    display: flex;
   
    
}
.comment_word{
    width: 90%;
    height: 22vh;
   
    font-weight: bold;
    font-family:"宋体";
    font-size: 0.45rem;
    overflow:hidden;
   
    text-overflow:ellipsis;
}
.comment_icons{
    width: 70vw;
    height: 8vh;
   
    display: flex;
    flex: 1;
    color: #adadad;
}
.user_avatar_comment{
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 90px;
    
    position: relative;
    top: 0.5rem;
    left: 0.3rem;
    background-image: url("http://p1.music.126.net/m0Yl_mLhurz_QUnkEK8VBg==/109951165525190298.jpg");
}
.username_word{
    width: 5rem;
    height: 1.1rem;
   
    position: relative;
    top: 0.5rem;
    left: 0.6rem;
    line-height: 1.1rem;
    
}
.comment_thumbs_up{
    width: 33%;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.comment_thumbs_up_pic{
    width: 0.54rem;
    height: 0.54rem;
}
.comment_comment{
    width: 33%;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.comment_comment_pic{
    width: 0.54rem;
    height: 0.54rem;

}
.comment_share{
    width: 33%;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.comment_share_pic{
    width: 0.54rem;
    height:0.54rem;

}
.share_word{
    font-size: 0.3rem;
}
.user_avatar_src{
    width: 100%;
    height: 100%;
    border-radius: 90px;
}
.comment_comment_num{
    font-size: 0.3rem;
}
.comment_thumbs_up_num{
    font-size: 0.3rem;
}
.username_word{
    font-weight: 500;
    font-size: 0.4rem;
}